let $, form, $form;

layui.config({
    base : "/js/"
}).use(['form', 'layer', 'laydate','upload'],function(){
    let layer = (parent.layer === undefined) ? layui.layer : parent.layer, laydate = layui.laydate, upload = layui.upload;

    $ = layui.jquery;
    form = layui.form;
    $form = $('form');

    laydate.render({
        elem: '.birthday',
        trigger: 'click'
    });

    // $(".username").attr("placeholder", "请输入昵称");
    // $(".realName").attr("placeholder", "请输入真实姓名");
    // $(".phone").attr("placeholder", "请输入手机号码");
    // $(".birthDate").attr("placeholder", "请输入出生年月");
    // $(".email").attr("placeholder", "请输入邮箱");





        upload.render({
            elem: '#uploadBtn',
            url: ctx+'/user/upload_user_face',
            accept: 'file',
            done: function(res, index, upload) {
                $.get(ctx+"/user/get_login", function(response) {
                    $("#userFace").attr("src", ctx+response.data.img);

                    layer.msg("头像修改成功");
                }, 'json');
            },
            error: function(index, upload) {
                //请求异常回调
            }
        });


        // var uploadInst = upload.render({
        //     elem: '#ID-upload-demo-btn',
        //     url: '/user/upload_user_face', // 此处用的是第三方的 http 请求演示，实际使用时改成您自己的上传接口即可。
        //     before: function(obj){
        //         // 预读本地文件示例，不支持ie8
        //         obj.preview(function(index, file, result){
        //             console.log("preview");
        //         });
        //
        //         console.log("before...")
        //     },
        //     done: function(res){
        //         console.log("done....");
        //     }
        //
        //
        // });





    // 单图片上传
    // var uploadInst = upload.render({
    //     elem: '#ID-upload-demo-btn',
    //     url: '/user/upload_user_face', // 此处用的是第三方的 http 请求演示，实际使用时改成您自己的上传接口即可。
    //     before: function(obj){
    //         // 预读本地文件示例，不支持ie8
    //         obj.preview(function(index, file, result){
    //             console.log("我不会写上传哈哈哈哈哈哈哈哈哈哈");
    //             console.log(result);
    //             // $('#userFace').attr('src', ctx+result.data.img); // 图片链接（base64）
    //
    //             /**
    //              * 显示个人信息到框框里
    //              */
    //             $.get(ctx+"/user/get_login", function(response) {
    //                 let result = response.result;
    //                 console.log(response.result);
    //
    //                 $(".nickname").val(result.nickname);
    //                 $(".mobile").val(result.mobile);
    //                 $(".birthday").val(result.birthday);
    //                 $("#userFace").attr("src", ctx+result.img);
    //                 $("input:radio[value='" + result.gender +"']").prop("checked", true);
    //                 // form.render('radio') 是 LayUI 渲染单选按钮的函数
    //                 form.render('radio');
    //
    //             }, 'json');
    //
    //         });
    //
    //         element.progress('filter-demo', '0%'); // 进度条复位
    //         layer.msg('上传中', {icon: 16, time: 0});
    //     },
    //     done: function(res){
    //         // 若上传失败
    //         if(res.code > 0){
    //             return layer.msg('上传失败');
    //         }
    //         // 上传成功的一些操作
    //         $.get("/user/get_login", function(response) {
    //             $("#userFace").attr("src", ctx+response.data.img);
    //
    //             layer.msg("头像修改成功");
    //         }, 'json');
    //
    //         $('#ID-upload-demo-text').html(''); // 置空上传失败的状态
    //     },
    //     error: function(){
    //         // 演示失败状态，并实现重传
    //         var demoText = $('#ID-upload-demo-text');
    //         demoText.html('<span style="color: #FF5722;">上传失败</span> <a class="layui-btn layui-btn-xs demo-reload">重试</a>');
    //         demoText.find('.demo-reload').on('click', function(){
    //             uploadInst.upload();
    //         });
    //     },
    //     // 进度条
    //     progress: function(n, elem, e){
    //         element.progress('filter-demo', n + '%'); // 可配合 layui 进度条元素使用
    //         if(n == 100){
    //             layer.msg('上传完毕', {icon: 1});
    //         }
    //     }
    // });






    // var uploadInst = upload.render({
    //     elem: '#ID-upload-demo-btn',
    //     url: '/user/upload_user_face', // 此处用的是第三方的 http 请求演示，实际使用时改成您自己的上传接口即可。
    //     before: function(obj){
    //         // 预读本地文件示例，不支持ie8
    //         obj.preview(function(index, file, result){
    //             console.log("preview");
    //         });
    //
    //         console.log("before...")
    //     },
    //     done: function(res){
    //         console.log("done....");
    //     }
    //
    //
    // });










    /**
     * 显示个人信息到框框里
     */
    $.get(ctx+"/user/get_login", function(response) {
        let result = response.result;
        console.log(response.result);

        $(".nickname").val(result.nickname);
        $(".mobile").val(result.mobile);
        $(".birthday").val(result.birthday);
        $("#userFace").attr("src", ctx+result.img);
        $("input:radio[value='" + result.gender +"']").prop("checked", true);
        // form.render('radio') 是 LayUI 渲染单选按钮的函数
        form.render('radio');

    }, 'json');

    //
    // // 提交个人资料
    // form.on('submit(save)', function() {
    //     let index = layer.msg('提交中，请稍候',{
    //         icon: 16,
    //         shade: 0.8,
    //         time: false
    //     });
    //
    //     let data = form.val("form");
    //
    //     $.post("/admin/updateById", data, function(response) {
    //         if(response.code === 200) {
    //             setTimeout(function(){
    //                 layer.close(index);
    //
    //                 layer.msg(response.message);
    //             }, 2000);
    //         } else {
    //             layer.alert(response.message, {
    //                 icon: 2
    //             });
    //         }
    //     }, 'json');
    // });

});







// layui.use(function(){
//     var upload = layui.upload;
//     var layer = layui.layer;
//     var element = layui.element;
//     var $ = layui.$;
//     // 单图片上传
//     var uploadInst = upload.render({
//         elem: '#ID-upload-demo-btn',
//         url: 'https://httpbin.org/post', // 此处用的是第三方的 http 请求演示，实际使用时改成您自己的上传接口即可。
//         before: function(obj){
//             // 预读本地文件示例，不支持ie8
//             obj.preview(function(index, file, result){
//                 $('#ID-upload-demo-img').attr('src', result); // 图片链接（base64）
//             });
//
//             element.progress('filter-demo', '0%'); // 进度条复位
//             layer.msg('上传中', {icon: 16, time: 0});
//         },
//         done: function(res){
//             // 若上传失败
//             if(res.code > 0){
//                 return layer.msg('上传失败');
//             }
//             // 上传成功的一些操作
//             // …
//             $('#ID-upload-demo-text').html(''); // 置空上传失败的状态
//         },
//         error: function(){
//             // 演示失败状态，并实现重传
//             var demoText = $('#ID-upload-demo-text');
//             demoText.html('<span style="color: #FF5722;">上传失败</span> <a class="layui-btn layui-btn-xs demo-reload">重试</a>');
//             demoText.find('.demo-reload').on('click', function(){
//                 uploadInst.upload();
//             });
//         },
//         // 进度条
//         progress: function(n, elem, e){
//             element.progress('filter-demo', n + '%'); // 可配合 layui 进度条元素使用
//             if(n == 100){
//                 layer.msg('上传完毕', {icon: 1});
//             }
//         }
//     });
//     // 多图片上传
//     upload.render({
//         elem: '#ID-upload-demo-btn-2',
//         url: 'https://httpbin.org/post', // 此处用的是第三方的 http 请求演示，实际使用时改成您自己的上传接口即可。
//         multiple: true,
//         before: function(obj){
//             // 预读本地文件示例，不支持ie8
//             obj.preview(function(index, file, result){
//                 $('#upload-demo-preview').append('<img src="'+ result +'" alt="'+ file.name +'" style="width: 90px; height: 90px;">')
//             });
//         },
//         done: function(res){
//             // 上传完毕
//             // …
//         }
//     });
// });
